טכנולוגיית WPF מספקת למפתחים מודל תכנות מאוחד לחוויית בניית יישומיי. ניהול התצוגה מתבצע בשפת הסימון Extensible Application Markup ) XAML

Size: px

Start display at page:

Download "טכנולוגיית WPF מספקת למפתחים מודל תכנות מאוחד לחוויית בניית יישומיי. ניהול התצוגה מתבצע בשפת הסימון Extensible Application Markup ) XAML"

Margaret Mathews
8 years ago
Views:

1 WPF-Windows Presentation Foundation Windows WPF טכנולוגיית WPF מספקת למפתחים מודל תכנות מאוחד לחוויית בניית יישומיי Client חכמים המשלב ממשקי משתמש,תקשורת ומסמכים..(Behavior) לבין התנהגותו (User Interface) מפרידה בין תצוגת הממשק WPF ניהול התצוגה מתבצע בשפת הסימון Extensible Application Markup ) XAML (Language, והתנהגות בשפות תכנות, כגון: #C ו- Basic.Visual הפרדה זו מאפשרת פיתוח שבו המעצבים והמפתחים יכולים לעבוד בשיתוף פעולה במודלים נפרדים. מטרת התרגיל : הצגת נתונים ממסד נתונים( Database ) למשתמש באמצעות Databinding בפרויקט מסוג WPF Client Application XAML קבצים : קובץ בשם App.xaml הכולל הגדרות גלובאליות הקשורות ליישום. קובץ XAML בשם MainWindow.xaml המכיל את הגדרות חלון היישום. קובץ CS בשם MainWindow.xaml.cs המבצע התחברות אל מסד הנתונים( Database ) ולאחר מכן מבצע כריכת נתונים( Databinding ) לפקד.ListBox קובץ MDF בשם CountriesDB.mdf המכיל טבלה בשם CountriesTable המכילה שמות של ארצות. הקבצים נמצאים בפרויקט.WPF Client Application

Visual הפרדה זו מאפשרת פיתוח שבו המעצבים והמפתחים יכולים לעבוד בשיתוף פעולה במודלים נפרדים.

2 מטרת הקוד:הגדרת ה- Property ItemsSource ל- Bindingg על מנת לכרוך את הפקד עם נתונים ממסד הנתונים( Database ). ListBox <ListBox Margin="33,12,31,0" Name="listBox1" ItemsSource="Binding" Height="122" VerticalAlignment="Top" הסבר קוד: ה- Property ItemsSource מגדיר Collection על מנת לנהל את תוכן הפקד. /> מטרת הקוד:הגדרת הטבלה Countries לתוכן הכריכה( binding ) של הפקד.ListBox //Binding the data to the ListBox listbox1.datacontext = ds.tables["countries"].defaultview; הסבר קוד: ה- Property DataContext מגדיר את הנתונים הקשורים לאלמנט אשר משתתף ב-.Databinding מטרת הקוד:הגדרת נתיב הנתון לכריכה( Databinding ) וערכו ממקור הנתונים. הסבר קוד: //Setting the Country Column to DisplayMember listbox1.displaymemberpath = //Setting the value of the Country Column listbox1.selectedvaluepath =

/> מטרת הקוד:הגדרת הטבלה Countries לתוכן הכריכה( binding ) של הפקד.ListBox //Binding the data to the ListBox listbox1.datacontext = ds.tables["countries"].

3 ה- Property DisplayMemberPath מגדיר את נתיב הערך ממקור הנתונים בכדי לשמש תצוגה ויזואלית של האובייקט. ה- Property SelectedValuePath מגדיר נתיב לקבלת הערך SelectedValue בפקד.ListBox המתודה( method ) GetCountryList מבצעת שאילתא למסד נתונים( Database ) ולאחר מכן מבצעת כריכה( Databinding ) של הנתונים שהתקבלו אל פקד.ListBox <Application x:class="databindingexample.app" הקוד המלא קוד : App.xaml xmlns=" on" xmlns:x=" StartupUri="MainWindow.xaml"> <Application.Resources> </Application.Resources> </Application> using System; using System.Collections.Generic; using System.Configuration; using System.Data; using System.Linq; using System.Windows; קוד: App.xaml.cs namespace DataBindingExample /// <summary> /// Interaction logic for App.xaml /// </summary> public partial class App : Application

app" הקוד המלא קוד : App.xaml xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentati on" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" StartupUri="MainWindow.xaml"> <Application.

4 <Window x:class="databindingexample.mainwindow" קוד: MainWindow.xaml xmlns=" on" xmlns:x=" Title="Data Binding Example" Height="249" Width="258"> <Grid Height="189" Width="230" Background="AliceBlue"> <ListBox Margin="33,12,31,0" Name="listBox1" ItemsSource="Binding" Height="122" VerticalAlignment="Top" /> <Button Height="23" Margin="82,0,73,12" Name="btnCountry" VerticalAlignment="Bottom" Click="btnCountry_Click">Get List</Button> </Grid> </Window> קוד: MainWindow.xaml.cs using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Windows; using System.Windows.Controls; using System.Windows.Data; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Imaging; using System.Windows.Navigation; using System.Windows.Shapes; using System.Data; using System.Data.SqlClient; namespace DataBindingExample

com/winfx/2006/xaml" Title="Data Binding Example" Height="249" Width="258"> <Grid Height="189" Width="230" Background="AliceBlue"> <ListBox Margin="33,12,31,0" Name="listBox1" ItemsSource="Binding"

5 public partial class MainWindow : Window static DataSet ds=null; public MainWindow() InitializeComponent(); private void GetCountryList() string constr Source=.\SQLEXPRESS;AttachDbFilename=DB\CountriesDB.mdf;Integr ated Security=True;User Instance=True"; string query = "SELECT * FROM CountriesTable"; ds = new DataSet(); SqlDataAdapter da = new SqlDataAdapter(query, constr); da.fill(ds, "Countries"); //Binding the data to the ListBox listbox1.datacontext = ds.tables["countries"].defaultview; //Setting the Country Column to DisplayMember listbox1.displaymemberpath = //Setting the value of the Country Column listbox1.selectedvaluepath = private void btncountry_click(object sender, RoutedEventArgs e) GetCountryList();

mdf;Integr ated Security=True;User Instance=True"; string query = "SELECT * FROM CountriesTable"; ds = new DataSet(); SqlDataAdapter da = new SqlDataAdapter(query, constr); da.

6 מסכים: הרצת קובץ.MainWindow.xaml לאחר לחיצה על הפקד Get List מתקבלת רשימה של ארצות ממסד הנתונים( Database ) אל הפקד. ListBox

7 מסך פרויקט: סיכום כללי: בתרגיל זה הדגמנו ביצוע כריכת נתונים( Databinding ) ב- Application WPF Client ע"י התחברות אל מסד נתונים( Database ) וכריכה( Binding ) של הנתונים אל פקד.ListBox

Chapter 14 WCF Client WPF Implementation. Screen Layout

Chapter 14 WCF Client WPF Implementation Screen Layout Window1.xaml